<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>在线遥感检测平台框架</title>
    <link rel="stylesheet" type="text/css" href="./dist/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="./css/soulTable.css"/>
    <link rel="stylesheet" type="text/css" href="./css/index.css"/>
    <link rel="stylesheet" type="text/css" href="./css/common.css"/>
    <link rel="stylesheet" type="text/css" href="ol4/ol.css"/>
    <link rel="stylesheet" type="text/css" href="css/table.css"/>
    <script src="ol4/ol-debug.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
<div class="main-body">
    <!-- 页面头部 -->
    <div class="layui-container header">
        <div class="layui-row ">
            <div class="layui-col-md4 header-child logo">
                <img src="img/logo.png">
            </div>
            <div class="layui-col-md2 layui-col-md-offset6 header-child">
                <p id="login_status" title="影像操作人员，点击退出!">未登录</p>
                <!--
                    <button class="login-btn" id="login">登录</button>
                    <button class="register-btn" id="register">注册</button> -->
            </div>
        </div>
    </div>

    <!-- 按钮组部分 -->
    <nav>
        <ul class="layui-nav">
            <li class="layui-nav-item">
                <a href="javascript:;" id="input">影像入库</a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">分景处理</a>
                <dl class="layui-nav-child">
                    <!-- 二级菜单 -->
                    <dd><a href="" id="handle1">基础分景处理</a></dd>
                    <dd><a href="" id="handle2">专题分景处理</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;" id="yxmerger">区域合并</a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;" id="yxpublish">影像发布</a>
            </li>
        </ul>
    </nav>
    <!-- 页面主体部分 -->
    <div class="main-body">
        <div class="left-side">
            <!-- 这是左侧边栏 -->
            <div id="hide-left" class="hide-btn"></div>
            <div class="left-contain" id="leftLayout">
                <!--图层管理-->
                <!--                <div id="demo-tree1" class="demo-tree demo-tree-box"></div>-->
                <div id="demo-tree2" class="demo-tree demo-tree-box"></div>
            </div>
        </div>

        <!-- 这是右侧查询条件 -->
        <div class="right-side">
            <div id="hide-right" class="hide-btn"></div>
            <ul class="map-iocn">
                <li title="绘制矩形" id="rectangular">
                    <svg t="git1605369360485" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="2945" width="20" height="20">
                        <path
                                d="M853.1 916.4H167.6c-34.9 0-63.3-28.4-63.3-63.3V167.6c0-34.9 28.4-63.3 63.3-63.3h685.5c34.9 0 63.3 28.4 63.3 63.3v685.5c0 34.9-28.4 63.3-63.3 63.3z m-685.5-772c-12.8 0-23.3 10.4-23.3 23.3v685.5c0 12.8 10.4 23.3 23.3 23.3h685.5c12.8 0 23.3-10.4 23.3-23.3V167.6c0-12.8-10.4-23.3-23.3-23.3H167.6z"
                                fill="#0061b0" p-id="2946"></path>
                    </svg>
                </li>
                <li title="绘制多边形" id="polygon" style="background-color: white;">
                    <svg t="1605369940673" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="3606" width="20" height="20">
                        <path
                                d="M680.71 915.22H343.29c-39.53 0-76.37-21.27-96.12-55.52L78.46 567.49c-19.75-34.22-19.75-76.77 0-110.99l168.71-292.2c19.75-34.24 56.6-55.52 96.12-55.52h337.42c39.53 0 76.37 21.27 96.12 55.52l168.71 292.2c19.75 34.22 19.75 76.77 0 110.99L776.83 859.7c-19.75 34.24-56.59 55.52-96.12 55.52zM343.29 175.69c-15.7 0-30.35 8.43-38.21 22.04l-168.71 292.2c-7.84 13.61-7.84 30.52 0 44.13l168.71 292.2c7.86 13.61 22.51 22.04 38.21 22.04h337.42c15.7 0 30.35-8.43 38.21-22.04l168.71-292.2c7.84-13.61 7.84-30.52 0-44.13l-168.71-292.2c-7.86-13.61-22.51-22.04-38.21-22.04H343.29z"
                                fill="#0061b0" p-id="3607"></path>
                    </svg>
                </li>
                <li title="清除" id="restore" onclick="ClearDraw()">
                    <svg t="1605027345886" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="5260" width="20" height="20">
                        <path
                                d="M511.372 64.548c-247.628 0-448.369 200.319-448.369 447.426S263.744 959.4 511.372 959.4s448.369-200.32 448.369-447.426S758.999 64.548 511.372 64.548z m-0.203 823.564c-207.318 0-375.382-167.71-375.382-374.592s168.064-374.592 375.382-374.592 375.382 167.71 375.382 374.592-168.064 374.592-375.382 374.592z"
                                p-id="5261" fill="#0061b0"></path>
                        <path
                                d="M483.031 380.989v-61.004l-162.969 92.891 162.969 99.24v-64.04c128.025 0.122 157.093 64.052 157.093 94.107 0 33.863-29.068 97.771-157.093 97.771l-98.957 0.011v63.919l98.957-0.011c157.093 0.011 221.105-63.907 221.105-159.017 0.001-96.647-64.012-163.856-221.105-163.867z"
                                p-id="5262" fill="#0061b0"></path>
                    </svg>
                </li>
                <li title="全屏显示" id="fullscreen" onclick="reSetView()">
                    <svg t="1605974422190" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="1816" width="16" height="16">
                        <path
                                d="M641.750109 384.100028l205.227128-204.519-0.704035 115.89966c-0.282433 9.611915 7.489578 18.09103 17.101493 17.808598l12.297071 0c9.611915-0.283456 17.667382-5.936199 17.808598-15.689331l0.565888-172.57752c0-0.14224 0.282433-9.187243 0.282433-9.187243 0.14224-4.804423-0.99056-9.187243-4.100388-12.297071-3.109828-3.109828-7.347339-5.086855-12.297071-4.946662l-8.763594 0.14224c-0.141216 0-0.278339 0-0.420579 0.14224L697.581696 98.166787c-9.611915 0.283456-17.667382 8.200776-17.808598 17.950837l0 12.297071c1.416256 11.44875 10.458189 18.092054 20.070104 17.808598l112.789832 0.283456-204.66124 203.814965c-9.329483 9.329483-9.329483 24.449855 0 33.778314 9.329483 9.470699 24.452925 9.470699 33.782408 0L641.750109 384.100028zM383.095141 576.889893 177.726797 780.705881l0.707105-115.338888c0.283456-9.607822-7.492648-18.086937-17.104563-17.808598l-13.001105 0c-9.611915 0.283456-17.667382 5.937223-17.808598 15.690354l-0.565888 172.718737c0 0.14224-0.282433 9.187243-0.282433 9.187243-0.14224 4.808516 0.99056 9.187243 4.096295 12.297071 3.109828 3.109828 7.351432 5.086855 12.297071 4.946662l8.762571-0.14224c0.14224 0 0.283456 0 0.425695-0.14224l171.873486 0.708128c9.607822-0.283456 17.667382-8.196683 17.808598-17.950837L344.93503 832.575226c-1.415232-11.44875-10.461259-18.092054-20.074198-17.808598L212.069977 814.483172 416.59 610.671277c9.329483-9.329483 9.329483-24.453948 0-33.782408C407.40685 567.41817 392.424624 567.41817 383.095141 576.889893L383.095141 576.889893zM894.047276 835.967486l-0.424672-172.718737c-0.283456-9.612938-8.200776-15.406898-17.809621-15.690354l-12.296047 0c-9.612938-0.278339-17.243733 8.200776-17.105586 17.808598l0.708128 115.903753L641.750109 576.889893c-9.329483-9.329483-24.452925-9.329483-33.782408 0-9.325389 9.328459-9.325389 24.452925 0 33.782408L812.490795 814.483172l-112.789832 0.283456c-9.611915-0.283456-18.515702 6.502088-20.073174 17.808598l0 12.297071c0.282433 9.611915 8.200776 17.667382 17.808598 17.950837l171.166381-0.708128c0.141216 0 0.282433 0.14224 0.424672 0.14224l8.763594 0.14224c4.803399 0.141216 9.187243-1.694595 12.296047-4.946662 3.109828-3.109828 4.238534-7.488555 4.097318-12.297071 0 0-0.14224-9.046027-0.14224-9.187243L894.047276 835.968509zM212.216309 146.506748l112.789832-0.283456c9.607822 0.283456 18.512632-6.502088 20.070104-17.808598L345.076246 116.116601c-0.283456-9.611915-8.196683-17.667382-17.808598-17.950837l-172.011632 0.708128c-0.14224 0-0.283456-0.14224-0.425695-0.14224l-8.761548-0.14224c-4.808516-0.141216-9.187243 1.694595-12.297071 4.946662-3.109828 3.109828-4.242627 7.488555-4.096295 12.297071 0 0 0.282433 9.046027 0.282433 9.187243l0.420579 172.718737c0.14224 9.608845 8.200776 15.406898 17.808598 15.686261l13.005198 0c9.611915 0.282433 17.242709-8.196683 17.10047-17.808598l-0.564865-115.334795 205.231221 203.958228c9.324366 9.329483 24.448832 9.329483 33.777291 0 9.329483-9.329483 9.329483-24.452925 0-33.782408L212.216309 146.506748 212.216309 146.506748zM212.216309 146.506748"
                                p-id="1817" fill="#0061b0"></path>
                    </svg>
                </li>
                <li title="保存地图" id="fullscreen" onclick="toImg()">
                    <svg t="1607563733626" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="2835" width="16" height="16">
                        <path
                                d="M981.3 821.3h-96V170.7c0-17.7-14.3-32-32-32H202.7v-96c0-17.7-14.3-32-32-32s-32 14.3-32 32v96h-96c-17.7 0-32 14.3-32 32s14.3 32 32 32h96v650.7c0 17.7 14.3 32 32 32h650.7v96c0 17.7 14.3 32 32 32s32-14.3 32-32v-96h96c17.7 0 32-14.3 32-32-0.1-17.7-14.4-32.1-32.1-32.1z m-778.6 0V202.7h618.7v618.7H202.7z"
                                p-id="2836" fill="#1296db"></path>
                    </svg>
                </li>
            </ul>

            <div class="layui-tab layui-tab-card card-bottom" id='rightLayout'>
                <ul class="layui-tab-title">
                    <li id="queryTab" class="layui-this">查询条件</li>
                    <li id="queryResultTab">查询结果</li>
                    <li id="coverateTab">覆盖率结果</li>
                </ul>
                <div class="layui-tab-content">
                    <div id="queryTabContent" class="layui-tab-item layui-show special">
                        <div class="content-one-first">
                            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                                <ul class="layui-tab-title">
                                    <li class="layui-this">行政区</li>
                                    <li>shp导入</li>
                                    <li>经纬度</li>
                                    <li>文本导入</li>
                                </ul>
                                <div class="layui-tab-content" style="height: 100px;">
                                    <div class="layui-tab-item layui-show">
                                        <form class="layui-form layui-form-pane" action="" lay-filter="queryTable">

                                            <div class="select-item">
                                                <label class="select-label">地级市</label>
                                                <select name="city" lay-verify="" lay-filter="test-city"
                                                        id="select_city">
                                                    <option value="">请选择市</option>
                                                    <option value="0">杭州市</option>
                                                    <option value="1">宁波市</option>
                                                    <option value="2">温州市</option>
                                                    <option value="3">嘉兴市</option>
                                                    <option value="4">湖州市</option>
                                                    <option value="5">绍兴市</option>
                                                    <option value="6">金华市</option>
                                                    <option value="7">衢州市</option>
                                                    <option value="8">舟山市</option>
                                                    <option value="9">台州市</option>
                                                    <option value="10">丽水市</option>
                                                </select>
                                            </div>

                                            <div class="select-item">
                                                <label class="select-label">区/县级市/县</label>
                                                <select name="country" lay-verify="" lay-filter="test-country"
                                                        id="select_country">
                                                    <option value="">请选择县/区</option>
                                                    <option value="西湖区">西湖区</option>
                                                    <option value="余杭区">余杭区</option>
                                                    <option value="拱墅区">临安市</option>
                                                </select>
                                            </div>
                                        </form>

                                    </div>
                                    <div class="layui-tab-item">
                                        <div class="shp-first">
                                            <form action="" method="" class="layui-form">
                                                <div class="layui-form-item">
                                                    <div class="layui-input-block">
                                                        <input id='file1' type="file" accept=".shp"
                                                               style="width: 220px;" onchange="uploadshp(this)"/>
                                                    </div>
                                                </div>

                                            </form>
                                        </div>
                                        <div class="shp-second">
                                            <p>只需选择*.shp文件（经纬度，单要素）</p>
                                        </div>
                                    </div>
                                    <div class="layui-tab-item">
                                        <form action="">
                                            <ul class="latitude">
                                                <li>
                                                    <span>左上经度：</span>
                                                    <input id=lefttopX type="text">
                                                </li>
                                                <li>
                                                    <span>左上纬度：</span>
                                                    <input id=lefttopY type="text">
                                                </li>
                                                <li>
                                                    <span>右下经度：</span>
                                                    <input id=rightBotX type="text">
                                                </li>
                                                <li>
                                                    <span>右下纬度：</span>
                                                    <input id=rightBotY type="text">
                                                </li>
                                            </ul>
                                        </form>
                                        <div class="latitude-btns">
                                            <button type="button" class="layui-btn" onclick="DrawXYRec()">定位</button>
                                            <button type="button" class="layui-btn" onclick="clearXYRec()">清除</button>
                                        </div>
                                    </div>
                                    <div class="layui-tab-item">
                                        <div class="shp-first">
                                            <form action="" method="" class="layui-form">
                                                <div class="layui-form-item">
                                                    <div class="layui-input-block">
                                                        <input id='file' type="file" accept=".csv,.txt"
                                                               style="width: 220px;" onchange="upload(this)"/>
                                                    </div>
                                                </div>

                                            </form>
                                        </div>
                                        <div class="shp-second">
                                            <p>支持txt导入查询，文件名之间用逗号隔开或换行</p>
                                            <p>支持Excel导入查询</p>
                                            <p>下载excel模版</p>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="content-one-second">
                            <form class="layui-form">
                                <div class="select-calendar layui-form-item">
                                    <div class="calendar-text">采集时间</div>
                                    <div class="input-box"><input type="text" autocomplete="off" class="layui-input" name="dateStart"
                                                                  id="dateStart" placeholder="请选择日期"></div>
                                    <div class="input-box"><input type="text" autocomplete="off" class="layui-input" name="dateEnd"
                                                                  id="dateEnd" placeholder="请选择日期"></div>
                                </div>

                                <div class="sensor">
                                    <div class="sensor-text">分辨率</div>

                                    <div class="layui-collapse" lay-filter="test">
                                        <div class="layui-colla-item">
                                            <h2 class="layui-colla-title">优于0.5米</h2>
                                            <div class="layui-colla-content">
                                                <ul>
                                                    <li>
                                                        <span class="input-title">WorldView-1</span>
                                                        <input type="checkbox" name="[1]WorldView-1[0]"
                                                               lay-skin="primary" title="PMS">
                                                        <!-- <input type="checkbox" name="[1]WorldView-1[2]"
                                                               lay-skin="primary" title="多光谱"> -->
                                                    </li>
                                                    <li>
                                                        <span class="input-title">WorldView-2/3</span>
                                                        <input type="checkbox" name="[1]WorldView-2/3[0]"
                                                               lay-skin="primary" title="PMS">
                                                        <!-- <input type="checkbox" name="[1]WorldView-2/3[2]"
                                                               lay-skin="primary" title="多光谱"> -->
                                                    </li>
                                                    <li>
                                                        <span class="input-title">WorldView-4</span>
                                                        <input type="checkbox" name="[1]WorldView-4[0]"
                                                               lay-skin="primary" title="PMS">
                                                        <!-- <input type="checkbox" name="[1]WorldView-4[2]"
                                                               lay-skin="primary" title="多光谱"> -->
                                                    </li>
                                                    <li>
                                                        <span class="input-title">GeoEye-1</span>
                                                        <input type="checkbox" name="[1]GeoEye-1[0]"
                                                               lay-skin="primary" title="PMS">
                                                        <!-- <input type="checkbox" name="[1]GeoEye-1[2]"
                                                               lay-skin="primary" title="多光谱"> -->
                                                    </li>
                                                    <li>
                                                        <span class="input-title">高景一号</span>
                                                        <input type="checkbox" name="[1]高景一号[0]" lay-skin="primary"
                                                               title="PMS">
                                                        <!-- <input type="checkbox" name="[1]高景一号[2]" lay-skin="primary"
                                                               title="多光谱"> -->
                                                    </li>
                                                    <li>
                                                        <span class="input-title">高分多摸</span>
                                                        <input type="checkbox" name="[1]高分多摸[0]" lay-skin="primary"
                                                               title="PMS">
                                                        <!-- <input type="checkbox" name="[1]高分多摸[2]" lay-skin="primary"
                                                               title="多光谱"> -->
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>

                                        <div class="layui-colla-item">
                                            <h2 class="layui-colla-title">亚米</h2>
                                            <div class="layui-colla-content">
                                                <ul>
                                                    <li>
                                                        <span class="input-title">GF-2</span>
                                                        <input type="checkbox" name="[2]GF-2[0]" lay-skin="primary"
                                                               title="PMS">
                                                        <!-- <input type="checkbox" name="[2]GF-2[2]" lay-skin="primary"
                                                               title="多光谱"> -->
                                                    </li>
                                                    <li>
                                                        <span class="input-title">北京二号星座</span>
                                                        <input type="checkbox" name="[2]北京二号星座[0]"
                                                               lay-skin="primary" title="PMS">
                                                        <!-- <input type="checkbox" name="[2]北京二号星座[2]"
                                                               lay-skin="primary" title="多光谱"> -->
                                                    </li>
                                                    <li>
                                                        <span class="input-title">GF-7</span>
                                                        <input type="checkbox" name="[2]GF-7[0]" lay-skin="primary"
                                                               title="MUX">
                                                        <input type="checkbox" name="[2]GF-7[2]" lay-skin="primary"
                                                               title="BWD">
                                												<input type="checkbox" name="[2]GF-7[4]" lay-skin="primary"
                                												       title="FWD">
                                												<!-- 接口需要调整一下 -->
                                                    </li>
                                                    <li>
                                                        <span class="input-title">吉林一号</span>
                                                        <input type="checkbox" name="[2]吉林一号[0]" lay-skin="primary"
                                                               title="PMS">
                                                        <!-- <input type="checkbox" name="[2]吉林一号[2]" lay-skin="primary"
                                                               title="多光谱"> -->
                                                    </li>
                                                    <li>
                                                        <span class="input-title">SkySat</span>
                                                        <input type="checkbox" name="[2]jSkySat[0]"
                                                               lay-skin="primary" title="PMS">
                                                        <!-- <input type="checkbox" name="[2]SkySat[2]"
                                                               lay-skin="primary" title="多光谱"> -->
                                                    </li>
                                                    <li>
                                                        <span class="input-title">遥感6号</span>
                                                        <input type="checkbox" name="[2]遥感6号[0]" lay-skin="primary"
                                                               title="PMS">
                                                        <!-- <input type="checkbox" name="[2]遥感6号[2]" lay-skin="primary"
                                                               title="多光谱"> -->
                                                    </li>
                                                    <li>
                                                        <span class="input-title">遥感24号</span>
                                                        <input type="checkbox" name="[2]遥感24号[0]" lay-skin="primary"
                                                               title="PMS">
                                                        <!-- <input type="checkbox" name="[2]遥感24号[2]" lay-skin="primary"
                                                               title="多光谱"> -->
                                                    </li>
                                                    <li>
                                                        <span class="input-title">遥感26号</span>
                                                        <input type="checkbox" name="[2]遥感26号[0]" lay-skin="primary"
                                                               title="PMS">
                                                        <!-- <input type="checkbox" name="[2]遥感26号[2]" lay-skin="primary"
                                                               title="多光谱"> -->
                                                    </li>
                                                    <li>
                                                        <span class="input-title">Demos-2</span>
                                                        <input type="checkbox" name="[2]Demos-2[0]"
                                                               lay-skin="primary" title="PMS">
                                                        <!-- <input type="checkbox" name="[2]Demos-2[2]"
                                                               lay-skin="primary" title="多光谱"> -->
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>

                                        <div class="layui-colla-item">
                                            <h2 class="layui-colla-title">2米</h2>
                                            <div class="layui-colla-content">

                                                <ul>
                                                    <li class="clearfix">
                                                        <span class="input-title">GF-1</span>
                                                        <input type="checkbox" name="2$PAN$GF1" lay-skin="primary"
                                                               title="PMS">
                                                        <input type="checkbox" name="2$MSS$GF1" lay-skin="primary"
                                                               title="WFV">
                                                    </li>
                                                    <li>
                                                        <span class="input-title">GF-1B/C/D</span>
                                                        <input type="checkbox" name="[3]GF-1B/C/D[0]"
                                                               lay-skin="primary" title="PMS">
                                                        <!-- <input type="checkbox" name="[3]GF-1B/C/D[0]"
                                                               lay-skin="primary" title="多光谱"> -->
                                                    </li>
                                                    <li class="clearfix">
                                                        <span class="input-title">ZY3-01</span>
                                                        <input type="checkbox" name="[3]ZY3-01[MUX]"
                                                               lay-skin="primary" title="MUX">
                                                        <input type="checkbox" name="[3]ZY3-01[NAD]"
                                                               lay-skin="primary" title="NAD\DLC">
                                                    </li>
                                                    <li class="clearfix">
                                                        <span class="input-title">ZY3-02</span>
                                                        <input type="checkbox" name="[3]ZY3-02[0]"
                                                               lay-skin="primary" title="MUX">
                                                        <input type="checkbox" name="[3]ZY3-02[2]"
                                                               lay-skin="primary" title="NAD\DLC">
                                                    </li>
                                                    <li class="clearfix">
                                                        <span class="input-title">GF-6</span>
                                                        <input type="checkbox" name="[3]GF-6[0]" lay-skin="primary"
                                                               title="PMS">
                                                        <input type="checkbox" name="[3]GF-6[2]" lay-skin="primary"
                                                               title="WFV">
                                                    </li>
                                                    <li class="clearfix">
                                                        <span class="input-title">TH01</span>
                                                        <input type="checkbox" name="[3]TH01[0]" lay-skin="primary"
                                                               title="GFD">
                                                        <input type="checkbox" name="[3]TH01[2]" lay-skin="primary"
                                                               title="DGP">
                                                    </li>
                                                </ul>


                                            </div>
                                        </div>
                                        <div class="layui-colla-item">
                                            <h2 class="layui-colla-title">其他</h2>
                                            <div class="layui-colla-content">
                                                <ul>
                                                    <li class="letf-box">

                                                        <span class="left">GF-3/SAR</span>
                                                        <div class="input-right right-box">
                                                            <input type="checkbox" name="GF-3[MUX]"
                                                            	       lay-skin="primary" title="SL">
                                                            <input type="checkbox" name="GF-3[UFS]"
                                                                   lay-skin="primary" title="UFS">
                                                            <input type="checkbox" name="GF-3[FSI]"
                                                                   lay-skin="primary" title="FSI">
                                                            <input type="checkbox" name="GF-3[FSII]"
                                                                   lay-skin="primary" title="FSII">
                                                            <input type="checkbox" name="GF-3[SS]"
                                                                   lay-skin="primary" title="SS ">
                                                            <input type="checkbox" name="GF-3[QPSI]"
                                                                   lay-skin="primary" title="QPSI">
                                                            <input type="checkbox" name="GF-3[QPSII]"
                                                                   lay-skin="primary" title="QPSII">
                                                            <input type="checkbox" name="GF-3[NSC]"
                                                                   lay-skin="primary" title="NSC">
                                                            <input type="checkbox" name="GF-3[WSC]"
                                                                   lay-skin="primary" title="WSC">
                                                            <input type="checkbox" name="GF-3[GLO]"
                                                                   lay-skin="primary" title="GLO">
                                                            <input type="checkbox" name="GF-3[WAN]"
                                                                   lay-skin="primary" title="WAN">
                                                            <input type="checkbox" name="GF-3[EXT]"
                                                                   lay-skin="primary" title="EXT">
                                                        </div>

                                                    </li>
                                                    <li>
                                                        <span class="input-title">GF-4</span>
                                                        <input type="checkbox" name="GF-4[PMI]" lay-skin="primary"
                                                               title="PMI">
                                                        <input type="checkbox" name="GF-4[IRS]" lay-skin="primary"
                                                               title="IRS">
                                                    </li>
                                                    <li>
                                                        <span class="input-title">GF-5</span>
                                                        <input type="checkbox" name="GF-5[AHSI]" lay-skin="primary"
                                                               title="AHSI">
                                                        <input type="checkbox" name="GF-5[VIMS]" lay-skin="primary"
                                                               title="VIMS">
                                                    </li>
                                                    <li>
                                                        <span class="input-title">ZY1-02D</span>
                                                        <input type="checkbox" name="GF-5[AHSI]" lay-skin="primary"
                                                               title="VNIC">
                                                        <input type="checkbox" name="GF-5[VIMS]" lay-skin="primary"
                                                               title="AHSI">
                                                    </li>
                                                    <li class="letf-box">
                                                        <span class="left">珠海一号</span>
                                                        <div class="right-box">
                                                            <input type="checkbox" name="ZH[OHS-2]"
                                                                   lay-skin="primary" title="OHS-2">
                                                            <input type="checkbox" name="ZH[OHS-3]"
                                                                   lay-skin="primary" title="OHS-3">

                                                            <input type="checkbox" name="ZH[OVS-1]"
                                                                   lay-skin="primary" title="OVS-1">
                                                            <input type="checkbox" name="ZH[OVS-2]"
                                                                   lay-skin="primary" title="OVS-2">
                                                            <input type="checkbox" name="ZH[OVS-3]"
                                                                   lay-skin="primary" title="OVS-3">
                                                        </div>

                                                    </li>
                                                    <li>
                                                        <span class="input-title">Landsat-8</span>
                                                        <input type="checkbox" name="Landsat[OLI_TIRS]"
                                                               lay-skin="primary" title="OLI_TIRS">
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                                <div class="silder-box">
                                    <span>云量</span>
                                    <div class="silder">
                                        <div id="slideTest9" class="demo-slider"></div>
                                    </div>
                                    <input id="sliderInput_1" type="text" value="0%" name="cloudOne">
                                    <input id="sliderInput_2" type="text" value="30%" name="cloudTwo">
                                </div>

                                <div class="query-btns">
                                    <button type="button" class="layui-btn" lay-submit
                                            lay-filter="query">行政区查询
                                    </button>
                                    <button type="button" class="layui-btn"
                                            onclick="query(new Array('GF1_WFV2_E119.6_N27.6_20140508_L1A0000220216','GF1_PMS1_E120.1_N30.3_20130825_L1A0000074538-PAN1'))">
                                        自定义查询
                                    </button>
                                    <button type="reset" class="layui-btn reset">重置</button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div id="queryResultTabContent" class="layui-tab-item">
                        <br>
                        <div class="result-btns">
                            <button type="button" class="layui-btn" id="yxexport">导出</button>
                            <button type="button" class="layui-btn" id="yxCoverage">覆盖率计算</button>
                        </div>
                        <div class="result-text">查询结果 0 景，已选择 0 景</div>
                        <div class="result-table">
                            <table class="layui-hide data-table" id="data-table" lay-filter="testquery"></table>
                        </div>
                    </div>

                    <div id="coverateTabContent" class="layui-tab-item" id="coveratetag">
                        <div class="result-table">
                            <table class="layui-hide data-table" id="coverratetable" lay-filter="testquery"></table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 这是地图部分 -->
        <div class="map-box">
            <div id="map" class="map">
                <div id="mouse-position"></div>
            </div>
        </div>

    </div>
</div>

<!-- 这是写关于弹窗的元素结构 -->

<div class="login-window" style="display: none;">
    <div class="login-title">
        <span>在线遥感检测平台框架</span>
    </div>
    <div class="login-box">
        <form class="layui-form">
            <div class="layui-form-item">
                <input id="logname" type="text" name="username" required lay-verify="username" placeholder="用户名"
                       autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-item">
                <input id="logpasswd" type="password" name="password" required lay-verify="password"
                       placeholder="密码" autocomplete="off" class="layui-input">
            </div>
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="login-form">登录</button>
            </div>

        </form>
        <div class="login-footer">
            <span class="login-footer-passwd">忘记密码?</span>
            <span class="login-footer-register">现在注册</span>
        </div>
    </div>
</div>
<!-- 这是关于文件入库的弹窗 -->
<div class="input-window" style="display: none;">
    <div class="input-box">
        <form class="layui-form">
            <div class="layui-form-item">
                <label for="road">入库路径：</label>
                <input type="text" id="yxroad" name="title" required lay-verify="required" placeholder="文件路径"
                       autocomplete="off" class="layui-input">
            </div>
            <div class="batch">批次号：<span class="" id="picihao"></span></div>
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="funcname" id="toData">提交</button>
            </div>

        </form>
    </div>
</div>

<!-- 这是关于分景处理的弹窗 -->
<div class="demoTable layui-form" id="handle_table1" style="display: none;text-align: center">
    <div style="text-align: center">
        <div class="demoTable" >
            批次号：
            <div class="layui-inline">
                <select name="dp" id="dp" lay-verify="required" lay-filter="pch">
                    <option value="">请选择批次号</option>
                </select>
            </div>
            <!-- <button class="layui-btn" data-type="reload">搜索</button> -->
            <!-- 景号：
             <div class="layui-inline">
                 <select name="jh" id="jh" lay-verify="required" lay-filter="jh" style="width: 600px;">
                     <option value="">请选择景号进行筛选</option>
                 </select>
             </div>-->
            <!-- <button class="layui-btn" data-type="reload">搜索</button> -->
            <div class="layui-btn-container">
                <button class="layui-btn layui-btn-sm query"  id="fenjingquery">查询</button>
                <button class="layui-btn layui-btn-sm submit" id="fenjingsubmit">提交</button>
                <button class="layui-btn layui-btn-sm stop">停止</button>
                <button class="layui-btn layui-btn-sm stop">重复计算</button>
            </div>
        </div>

        <table class="layui-hide" id="table_1" lay-filter="user_1"></table>
    </div>
</div>
<div class="demoTable layui-form" id="handle_table2" style="display: none;margin: auto">
    <div class="demoTable">
        <div style="text-align: center">
            <button class="layui-btn layui-btn-sm submit">提交</button>
            <button class="layui-btn layui-btn-sm stop">停止</button>
            <button class="layui-btn layui-btn-sm stop">重复计算</button>
        </div>
    </div>
    <table class="layui-hide" id="table_2" lay-filter="user_1"></table>
</div>
<!--影像合并的表格-->
<div class="demoTable layui-form" id="yxmerger_table2" style="display: none;margin: auto;text-align: center" lay-filter="mergeForm">
    <div class="result-table" style="text-align: center;margin: auto">
        <table class="layui-hide data-table" id="data-table1"></table>
        <div style="text-align: left;margin: auto">
            <div class="layui-form-item">
                <label class="layui-form-label" style="width: 100px">合并结合表设置</label>
                <div class="layui-input-block">
                    <input type="radio" name="isInclude" value="包含" title="包含云量" checked="">
                    <input type="radio" name="isInclude" value="不包含" title="不包含云量">
                </div>
            </div>
            <div class="layui-form-item" >
                <span class="layui-form-label" >合并图斑设置</span>
                <input type="checkbox" name="spot-0" lay-skin="primary" title="云量" checked="">
                <input type="checkbox" name="spot-1" lay-skin="primary" title="植被">
                <input type="checkbox" name="spot-2" lay-skin="primary" title="建筑">
                <input type="checkbox" name="spot-3" lay-skin="primary" title="水体">
                <input type="checkbox" name="spot-4" lay-skin="primary" title="其他">
            </div>
        </div>
        <br>
        <div>
            <input type="button" class="layui-btn layui-btn-radius layui-btn-normal" value="合并结合表" id="unionJHBbtn" lay-filter="unionJHBbtn" lay-submit />
            <input type="button" class="layui-btn layui-btn-radius layui-btn-normal" value="合并图斑" id="unionspotbtn" lay-filter="unionspotbtn" lay-submit ></input>
        </div>
    </div>
</div>
<!-- 这是模版文件 -->
<script type="text/html" id="operate">
    <div class="operate-icon">
        <img src="./img/silhouette.jpg" class="detail_icon"
             style="width: 16px;height: 16px;margin-right: 3px;cursor: pointer;">
        <img src="img/eye.png" class="eye" style="width: 16px;height: 16px;cursor: pointer;">
    </div>
</script>

<script type="text/html" id="imageType">
    <select name="imageTypeOption" id="imageTypeOption" lay-filter="iamgeType" class="layui-form-select">
        <option value="辐射定标">选择最高级别的图形产品设置</option>
        <option value="辐射定标">辐射定标</option>
        <option value="大气纠正">大气校正</option>
        <option value="地形纠正">地形纠正</option>
        <option value="地形校正">地形校正</option>
        <option value="影像融合">影像融合</option>
    </select>

</script>

<script type="text/html" id="spotType" style="padding-left: 20px">
    <select name="spotTypeOption" id="spotTypeOption" lay-filter="spotType" class="layui-form-select">
        <option value="云量">多选图斑产品设置</option>
        <option value="云量">云量</option>
        <option value="大气纠正">植被</option>
        <option value="水体">水体</option>
        <option value="建筑物">建筑物</option>
        <option value="其他">其他</option>
    </select>
</script>

<script type="text/html" id="toolbarDemo">
    <button class="layui-btn layui-btn-sm upformButton" lay-event="topre">拖拽</button>
</script>
<script type="text/html" id="barDemo">
    <span class="export" lay-event="cover">覆盖</span>
    <span class="export" lay-event="del">漏洞</span>
</script>

<script src="./js/config.js" type="text/javascript" charset="utf-8"></script>
<script src="./dist/layui.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="./js/FileSaver.min.js"></script>
<script src="./js/map.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/main.js" type="text/javascript" charset="utf-8"></script>

<script src="./js/index.js" type="text/javascript" charset="utf-8"></script>
<script src="js/tmp.js" type="text/javascript" charset="utf-8"></script>
<script src="js/table.js" type="text/javascript" charset="utf-8"></script>
<script src="js/shapefile.js" type="text/javascript" charset="utf-8"></script>
<script src="js/stream.js" type="text/javascript" charset="utf-8"></script>

</body>

</html>
